*{
    margin:0;
    padding:0;
    text-decoration: none;
    list-style: none;
}
html,body{
    height:100%;
    background-color: white;
}
.box_top{
    width:1300px;
    height:87px;
    margin:10px auto;
    border:1px solid white;
    display: flex;
    .logo{
        position: relative;
        width:276px;
        height:50px;
        margin-top:15px;
        margin-bottom:22px;
        .logo-img{
            margin-top:2px;
            width:134px;
            height:42px;
            background: url("../img/jdlogo-201708-@1x.png") no-repeat 0 0;
            background-size: 134px 42px;
            
        }
    }
    .serch{
        width:706px;
        height:40px;
        margin-top:27px;
        margin-right:30px;
        margin-left:95px;
        display: flex;
        .serch-inp{
            width:576px;
            height:24px;
            padding:4px 44px 4px 4px;
            border:2px solid red;
            border-right:none;
            margin-bottom:4px;
        }
        .search-but{
            width:68px;
            height:36px;
            padding:1px 6px;
            background-color: red;
            color:white;
            font-size: 16px;
            border:2px solid red;
        }
    }
}
.cent{
    width: 1200px;
    margin:0 auto;
    .cent-box{
        margin-bottom:40px;
        ul{
            width:1200px;
            height:auto;
            display: flex;
            flex-wrap: wrap;
            li{
                width:240px;
                height: 474px;
                margin-top:10px;
                margin-right: 40px;
                .gl-i-wrap{
                    width:220px;
                    background: #fff;
                    border: 1px solid #fff;
                    padding: 38px 9px 10px;
                    transition: border-color .1s ease;
                    border:1px solid #ccc;
                    .p-img{
                        height:220px;
                        padding:0;
                        margin-bottom: 15px;
                        overflow:hidden;
                        a{
                            width:220px;
                            height:220px;
                            img{
                                width: 220px;
                                height: 220px;
                            }
                        }
                    }
                    .p-price{
                        width: 220px;
                        height: 22px;
                        margin-bottom: 8px;
                        .jiage{
                            font-weight: 400;
                            font-family: Verdana;
                            color: #e4393c;
                            font-size: 20px;
                        }
                    }
                    .p-name{
                        width: 220px;
                        height: 32px;
                        margin-bottom: 8px;
                        font-size: 12px;
                        color:#666;
                        overflow: hidden;
                    }
                    .p-commit{
                        width: 100%;
                        height: 18px;
                        margin-top:-3px;
                        margin-bottom:9px;
                        font-size: 12px;
                        color:#666;
                        span{
                            color: #646fb0;
                            font-family: verdana;
                            font-weight: 700;
                        }
                        .goods-icons{
                            display:inline-block;
                            height:16px;
                            padding:0 3px;
                            text-align:center;
                            font-style: normal;
                            font-size: 12px;
                            font-family: "Helvetica Neue","Hiragino Sans GB",SimSun,serif;
                            background: #e23a3a;
                            color: #FFF;
                            border-radius: 2px;
                            line-height:16px;
                            border-radius: 2px;
                            margin-right: 3px;
                        }
                        .goods-icons1{
                            height:14px;
                            display:inline-block;
                            border:1px solid #4d88ff;
                            color: #4d88ff;
                            font-style: normal;
                            font-size: 12px;
                            font-family: "Helvetica Neue","Hiragino Sans GB",SimSun,serif;
                            border-radius: 2px;
                            padding: 0 3px;
                        }
                    }
                    .p-shop{
                        width: 100%;
                        height: 18px;
                        margin-bottom: 9px;
                        margin-top:-3px;
                        font-size: 12px;
                        color:#666;
                        width: 122px;
                        overflow: hidden;
                    }
                    .p-operate{
                        overflow:hidden;
                        margin-bottom:10px;
                        display: flex;
                        .p-o-btn{
                            width:28px;
                            height:25px;
                            line-height:25px;
                            border: 1px solid #DDD;
                            padding: 0 3px 0 24px;
                            position: relative;
                            background: #fff;
                            color: #999;
                            font-size: 12px;
                            .fangkuang{
                                position: absolute;
                                left: 5px;
                                top: 5px;
                                background: url(//misc.360buyimg.com/product/search/1.0.8/css/i/search.ele.png) no-repeat 9999px 9999px;
                                display: inline-block;
                                height: 12px;
                                width: 12px;
                                background-color: #fff;
                                border: 1px solid #ccc;
                                font-size: 0;
                            }
                            .aixin{
                                position: absolute;
                                left: 4px;
                                top: 3px;
                                background: url(https://misc.360buyimg.com/product/search/1.0.8/css/i/search.ele.png) no-repeat;
                                display: inline-block;
                                height: 16px;
                                width: 16px;
                                background-color: #fff;
                                font-size: 0;
                                }
                        }
                        .p-o-btn1{
                            width:67px;
                            text-align:center;
                            color:#e4393c;
                            float: left;
                            height: 25px;
                            line-height: 25px;
                            border: 1px solid #DDD;
                            padding: 0 3px 0 24px;
                            position: relative;
                            background: #fff;
                            font-size: 12px;
                            i{
                                position: absolute;
                                display: block;
                                font-style: normal;
                                left: 4px;
                                top: 3px;
                                width: 18px;
                                height: 18px;
                                background: url(https://misc.360buyimg.com/product/search/1.0.8/css/i/search.ele.png) no-repeat;
                                transition: background-position .15s ease-in-out;
                            }
                        }
                    }
                }
            }
        }
    }
}